<template>
  <div class="index">
    <headerBar></headerBar>
    <main>
      <h1>electron-vue</h1>
      <h2>{{ msg }}</h2>
    </main>
  </div>
</template>
<script>
import headerBar from '@/components/common/headerBar.vue'
import { test } from '@/assets/api/request'
export default {
  name: 'index',
  components: { headerBar },
  data() {
    return {
      msg: ''
    }
  },
  created() {
    this.test()
  },
  methods: {
    async test() {
      const data = await test()
      this.msg = data
    }
  }
}
</script>
<style lang="scss" scoped>
.index {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  main {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
</style>
